<template>
	<view id="customIp">
		<Header txt="代理定制" v-if="baidu"></Header>
		<HeaderB txt="代理定制" v-if="!baidu"></HeaderB>
		<view class="company_bg">
			<div class="back_icon" @click="$router.push('/usercenter')"></div>
			<div class="com_tit">选择您的定制需求</div>
			<div class="com_text">
			  <p>
			    品质服务、质量优先
			  </p>
			  <p>
			    一对一专业服务、定制您的个性化需求
			  </p>
			</div>       
		</view>
		<div class="con_btn con_btn01"  @click="goPage('pagesA/user/companyIP')">
		  代理IP定制
		</div>
		<div class="con_btn con_btn02"  @click="goPage('pagesA/user/company')">
		  代理池定制
		</div>      
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baidu:true
			};
		},
		onShow(){
			// #ifdef MP-BAIDU
			this.baidu=false
			// #endif
		},
		methods: {
			goPage(e){
				uni.navigateTo({
					url: `/${e}`
				})
			},
		},
	}
</script>

<style lang="less">
#customIp{
	overflow: hidden;
  .company_bg {
    width: 100%;
    height: 700rpx;
    background: url("https://iconimg.oss-cn-hangzhou.aliyuncs.com/%E7%86%8A%E7%8C%AB%E4%BB%A3%E7%90%86/%E5%9B%BE%E6%A0%87/dingzhi_bg.png") no-repeat top
      center;
    background-size: cover;
    padding: 70rpx 0 0 35rpx;
    .back_icon {
      width: 40rpx;
      height: 40rpx;
      // background: url("../../assets/usercenter/dingzhi_back.png") no-repeat
        // center center;
      background-size: cover;
    }
    .com_tit {
      font-size: 45rpx;
      font-weight: bold;
      margin-top: 150rpx;
    }
    .com_text {
      font-size: 34rpx;
      line-height:58rpx;
      color: #52596b;
      margin-top: 60rpx;
    }
  }
    .con_btn {
      width: 92%;
      height: 100rpx;
      line-height: 100rpx;
      color: #fff;
      text-align: center;
      margin: 0 auto;
      border-radius: 16rpx;
      font-size: 30rpx;
    }
    .con_btn01 {
      background-color: #4078ef;
      margin-top: 100rpx;
    }
    .con_btn02 {
      background-color: #19b281;
       margin-top: 60rpx;
    }
}
</style>
